import axios from 'axios'
import store from '@/store'
import router from '@/router'
import { Message } from 'element-ui'
import { getTimeStamp } from '@/utils/auth'
const TimeOut = 3600 // 定义一个超时时间

// create an axios instance
const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API,
  timeout: 5000
})

// 请求拦截器
service.interceptors.request.use(
  config => {
    if (store.getters.token) {
    // 如果有token,注入token
      // 只有在有token的情况下,才有必要去检查时间戳是否超时
      if (IsCheckTimeOut()) {
        // 如果为true则表示过期了
        // 过期的话,token就没用了
        // token过期的话,直接调用vuex中的actions方法退出登录
        store.dispatch('user/logout') // 退出登录
        // 跳转到登录页
        router.push('/login')
        return Promise.reject(new Error('token超时了'))
      }
      config.headers['Authorization'] = `Bearer ${store.getters.token}`
    }
    return config // 必须返回config
  }, error => {
    // error信息里面response的对象
    if (error.response && error.response.data && error.response.data.code === 10002) {
      // 当后端返回状态码等于10002的时候 表示token过期了
      store.dispatch('user/logout') // 退出登录 actions删除token
      router.push('/login')
    } else {
      Message.error(error.message) // 提示错误信息
    }
    return Promise.reject(error)
  })

// 响应拦截器
service.interceptors.response.use(
  response => {
    const { success, message, data } = response.data
    // 根据success的成功与否来决定下面的操作
    if (success) {
      return data
    } else {
      // 业务已经错误了 还能进then ? 不能 ！ 应该进catch
      Message.error(message) // 提示错误信息
      // 返回一个错误对象实例
      return Promise.reject(new Error(message))
    }
  }, error => {
    Message.error(error.message) // 提示错误信息
    return Promise.reject(error)
  })

// 是否超时
// 超时逻辑 (当前时间戳 - 缓存中的时间戳) > TimeOut 超时 否则不超时
function IsCheckTimeOut() {
  var currentTime = Date.now() // 当前时间戳
  // console.log(currentTime)
  var timeStamp = getTimeStamp() // 缓存时间戳
  // console.log(timeStamp)
  return (currentTime - timeStamp) / 1000 > TimeOut
}

export default service
